<template>
	<view>
		<view class="prefer-posi">
			<!-- 筛选区 -->
			<view class="delica-view">
				<view class="delica-list delica-grow">
					<text>综合排序</text>
					<image src="../../../static/coen/paixu.png" mode="widthFix"></image>
				</view>
				<view class="delica-grow">销量高</view>
				<view class="delica-grow">速度快</view>
				<view class="delica-grow">津贴联盟</view>
				<view class="delica-list delica-right">
					<text>筛选</text>
					<image src="../../../static/coen/shaixuan.png" mode="widthFix"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	
</script>

<style scoped>
	/* 筛选区 */
	.delica-view {
		font-size: 30upx;
		display: flex;
		align-items: center;
		color: #666666;
		height: 70upx;
		padding: 0 15upx;
		background-color: #FFFFFF;
	}
	.delica-view image {
		width: 30upx;
		height: 30upx;
		display: block;
	}
	.delica-list {
		display: flex;
		align-items: center;
	}
	.delica-grow {
		flex-grow: 1;
	}
	.delica-right {
		justify-content: flex-end;
		flex-grow: 5;
	}
</style>
